<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Firemní vizitky - Výroba vizitek na míru ...</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery/jquery.gallerax-0.2.js"></script>
<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(function(){
	$('#contactform').submit(function(){				  
		var action = $(this).attr('action');
		$.post(action, { 
			name: $('#name').val(),
			email: $('#email').val(),
			company: $('#company').val(),
			subject: $('#subject').val(),
			message: $('#message').val()
		},
			function(data){
				$('#contactform #submit').attr('disabled','');
				$('.response').remove();
				$('#contactform').before('<p class="response">'+data+'</p>');
				$('.response').slideDown();
				if(data=='Message sent!') $('#contactform').slideUp();
			}
		); 
		return false;
	});
});
// ]]>
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
</script>
</head>
<body>
<div class="main">
  <div class="header">
    <div class="block_header">
      <div class="logo" style="color:#FFF"><a href="/">vizitky.</b><b style="color:#FFF"><img src="images/boxdesign-logo.gif" alt="logo boxdesign.cz" width="88" height="56" border="0" align="absmiddle" class="output" /></b>.cz</a></div>
      <div class="Twitter"><a href="https://www.facebook.com/" target="_blank" onmouseover="MM_swapImage('facebook.com','','images/social-icons/facebook.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/social-icons/facebook-bw.png" alt="facebook.com - odkaz vede mimo web" name="facebook.com" width="30" height="30" border="0" class="Twitter-imgicon" id="Image5" /></a><a href="http://twitter.com/" target="_blank" onmouseover="MM_swapImage('twitter.com','','images/social-icons/twitter.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/social-icons/twitter-bw.png" alt="twitter.com - odkaz vede mimo web" name="twitter.com" width="30" height="30" border="0" class="Twitter-imgicon" id="twitter.com" /></a><a href="http://www.flickr.com/" target="_blank" onmouseover="MM_swapImage('flickr.com','','images/social-icons/flickr.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/social-icons/flickr-bw.png" alt="flickr.com - odkaz vede mimo web" name="flickr.com" width="30" height="30" border="0" class="Twitter-imgicon" id="flickr.com" /></a></div>
      <div class="clr"></div>
      <div class="menu">
        <ul>
          <li><a href="index.html" title="Hlavní strana">Hlavní strana</a></li>
          <li><a href="o-nas.html" title="O nás">Portfolio / O nás</a></li>
          <li><a href="osobni.html" title="Osobní vizitky">Osobní vizitky</a></li>
          <li><a href="firemni.html" title="Firemní vizitky"class="active">Firemní vizitky</a></li>
          <li><a href="http://blog.radekkolar.cz/" title="tento odkaz vede mimo web" target="_blank">Blog</a></li>
          <li><a href="kontakty.html" title="Kontakty">Kontakty</a></li>
        </ul>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="slider2">
    <div class="slice12">
      <h2>Firemní vizitky</h2>
    </div>
  </div>
  <div class="clr"></div>
  <div class="body">
    <div class="body_resize">
      <div class="News">
        <div class="Welcome">
          <h2>Vyplňte údaje</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
          <div class="bg"></div>
          <form action="kontakt/kontakt.php" method="post" id="contactform">
            <ol>
           	  <li>
                <label for="firma">FIrma / Společnost<span class="red"> *</span></label>
                <input id="firma" name="firma" class="text" />
              </li>
              <li>
                <label for="name">Jméno<span class="red"> *</span></label>
                <input id="name" name="name" class="text" />
              </li>
              <li>
                <label for="surname">Příjmení<span class="red">*</span></label>
                <input id="surname" name="surname" class="text" />
              </li>
              <li>
                <label for="adress">Ulice, ČP <span class="red">*</span></label>
                <input id="adress" name="adress" class="text" />
              </li>
              <li>
                <label for="city">Město <span class="red">*</span></label>
                <input id="city" name="city" class="text" />
              </li>
              <li>
                <label for="email" >Email <span class="red">*</span></label>
                <input id="email" name="email" class="text" />
              </li>
              <li>
                <label for="www">Mobil / Telefon<span class="red">*</span></label>
                <input id="www" name="www" class="text" />
              </li>
              <li>
                <label for="www">WWW <span class="red">*</span></label>
                <input id="www" name="www" class="text" />
              </li>
              <li>
                <label for="message">Zpráva pro nás <span class="red">*</span></label>
                <textarea id="message" name="message" rows="6" cols="50"></textarea>
              </li>
              <input name="send" type="button"  value="Potvrdit" /> 
              <a href="objednavka.html">Pokračovat v objednávce &gt;</a>
            </ol>
          </form>
        </div>
      </div>
      <div class="Welcome-2">
        <h2>Krok 1.</h2>
        <div>
<div id="gallery">
							<div id="gallery-background"><img src="<?php bloginfo('template_url'); ?>images/cards/card01.jpg" alt="" width="510" height="255" class="output" /></div>
							<div align="center" id="gallery-bgthumb">
								<ul class="thumbnails">
									<li><img src="images/cards/card01.jpg" title="001" alt="" width="510" height="284" /></li>
									<li><img src="images/cards/card02.jpg" title="002" alt="" width="510" height="284" /></li>
									<li><img src="images/cards/card03.jpg" title="003" alt="" width="510" height="284" /></li>
									<li><img src="images/cards/card04.jpg" title="004" alt="" width="510" height="284" /></li>
                                    <li><img src="images/cards/card05.jpg" title="005" alt="" width="510" height="284" /></li>
									<li><img src="images/cards/card06.jpg" title="006" alt="" width="510" height="284" /></li>
                                    <li><img src="images/cards/card01.jpg" title="001" alt="" width="510" height="284" /></li>
									<li><img src="images/cards/card02.jpg" title="002" alt="" width="510" height="284" /></li>
									<li><img src="images/cards/card03.jpg" title="003" alt="" width="510" height="284" /></li>
									<li><img src="images/cards/card04.jpg" title="004" alt="" width="510" height="284" /></li>
                                    <li><img src="images/cards/card05.jpg" title="005" alt="" width="510" height="284" /></li>
									<li><img src="images/cards/card06.jpg" title="006" alt="" width="510" height="284" /></li>
                                    <li><img src="images/cards/card01.jpg" title="001" alt="" width="510" height="284" /></li>
									<li><img src="images/cards/card02.jpg" title="002" alt="" width="510" height="284" /></li>
									<li><img src="images/cards/card03.jpg" title="003" alt="" width="510" height="284" /></li>
								</ul>
								<br class="clear" />
							</div>
						</div>
						<script type="text/javascript">

						$('#gallery').gallerax({
							outputSelector: 		'.output',					// Output selector
							thumbnailsSelector:		'.thumbnails li img',		// Thumbnails selector
							fade: 					'fast',						// Transition speed (fast)
							navNextSelector:		'.nav li a.navNext',		// 'Next' selector
							navPreviousSelector:	'.nav li a.navPrevious'		// 'Previous' selector
						});

					</script>
						<!-- end -->
					</div>
      
      
      
      </div>
    <div class="clr"></div>
    </div>
    <div class="clr"></div>
  </div>
  <div class="footer">
    <div class="resize">
      <div>
        <p class="footer_logo"><a href="#www-boxdedign_cz"><img src="images/boxdesign-logo.gif" alt="logo" width="70" height="46" border="0" longdesc="/" /></a></p>
        <p>© Copyright 2011 || <a href="/">vizitky.boxdesign.cz</a> || Všechna práva vyhrazena<br />
        <a href="index.html">Hlavní strana</a> | <a href="contact.html">Kontakty</a> | <a href="#top"><img src="images/top-ico.gif" alt="top" width="7" height="13" border="0" align="absbottom" /></a> <a href="#top">Nahoru</a> | <a href="#RSS">RSS</a></p>
      </div>
    </div>
    <p class="clr"></p>
  </div>
</div>
</body>
</html>